﻿@using SelfMadeMillionaire.Core
@using SelfMadeMillionaire.Web.Infrastructure
@model SelfMadeMillionaire.Web.Infrastructure.ViewModels.Newsletters.NewslettersBySymbolViewModel
@{Layout = null;}

<div class="content_block_title">
        @if (Model.NewsletterSymbolsList.Count() > 1)
        {
    <h5>
        MORE ISSUES ON&nbsp;
            
            @Html.DropDownListFor(m => m.Symbol, Model.NewsletterSymbolsList, new { @class = "form-control", style="display:inline; width:auto;" })
    </h5>
        }
        else
        {
    <h5 style="height:35px;vertical-align:middle;padding-top:10px">
        MORE ISSUES ON&nbsp;            
            @Html.HiddenFor(m => m.Symbol)
            <text>@Model.Symbol</text>
    </h5>
        }
	<div class="title_bottom_arrow">
	    <img src="@Url.Content("~/Content/images/down_arrow.png")" alt="" />
	</div>
</div>

<div class="recent_issue_block options_container">
    <ul>
	    @foreach (var item in Model.BySymbolIssue)
     {
		    <li><a href="@Url.Action("Details", "Newsletters", new { id = item.ID })">@item.Title</a></li>
     }
	</ul>
</div>

<script type="text/javascript">
    $(function () {
        $('#Symbol').change(function () {
            LoadBySymbol(this.value);
        });
	});
</script>